<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="config.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link href="${ctx}/css/UserLogin.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx}/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="${ctx}/js/userLogin.js"></script>
<script type="text/javascript">
		var myVar = setInterval(myTimer, 1);
		var i = 1;
		var flag = 0;
		function myTimer(){

			if(flag == 0){
				$(".index").animate({top:''+((i++)*20)+'px'});
				if(i == 27){
					flag = 1;
				}
			}else{
				$(".index").animate({top:''+((i--)*20)+'px'});
				if(i == 1)
					flag = 0;
			}
		};	
	</script>
</head>
<body>
	<div class="boxmargin">
		<div class="boxcenter">
			<div class="boxcenter_left"
				style="background-image: url('images//login_1.gif');"></div>
			<div class="boxcenter_center"
				style="background-image: url('images//login_2.gif');">
				<div class="boxcenter_in">
						<table>
							<tr>
								<td>登录名字:</td>
								<td><input id="id" name="id" value="A00001" style="width: 50px;" type="text"/></td>
							</tr>
							<tr>
								<td>登录密码:</td>
								<td><input id="password" name="password" value="123456" style="width: 50px;" type="password" /></td>
							</tr>
							<tr>
								<td>验证信息:</td>
								<td>
									<input id="verify1" name="verify1" value="2421" style="width: 30px;" type="text"   /> 
									<input id="verify2" name="verify2" style="width: 30px; font-size: 10px;" type="button" value="2421" />
								</td>
							</tr>
							<tr>
								<td>记住密码：<input id="reme" name="reme" type="checkbox" />
								</td>
								<td>自动登录：<input id="auto" name="auto" type="checkbox" />
								</td>
							</tr>
							<tr>
								<td colspan="2" style="font-size: 12px; align-content: center;"><li
									style="list-style-image: url('images/tip.gif');">看不清楚，换一张</li></td>
							</tr>
							<tr>
								<td><input id="userLogin"
									style="width: 74px; height: 29px; background-image: url('images//login_5.gif');"
									type="submit" value="登陆" /></td>
								<td><input id="userRegister"
									style="width: 74px; height: 29px; background-image: url('images//login_5.gif');"
									type="button" value="注册" /></td>
							</tr>
						</table>
				</div>
			</div>
			<div class="boxcenter_right"
				style="background-image: url('images//login_3.gif');"></div>
		</div>
		<div class="index">
			<img alt="" src="images//sy.gif" />
		</div>
	</div>
</body>
</html>